const Special = (props: any) => {
  const { handleClick } = props;
  // 列表数据
  const taskData = [
    {
      id: 1,
      name: "Task-AAAAAAAA",
    },
  ];
  return (
    <div className="task-list-box task-special-list">
      <div className="title-box">
        <span className="name">Special Tasks</span>
      </div>
      <ul className="task-list">
        {taskData.map((item) => (
          <li key={item.id} className="item">
            <div className="item-box">
              <div className="photo-box">
                <img src="./images/task_photo.png" />
              </div>
              <div className="centre">
                <div className="title">{item.name}</div>
                <div className="min-group">
                  <span className="attr">Hashrate</span>
                  <span className="value">+2</span>
                </div>
              </div>
              <div className="arrow">
                <div
                  className="btn"
                  onClick={() => {
                    handleClick("/task/invite");
                  }}
                >
                  GO
                </div>
              </div>
            </div>
          </li>
        ))}
      </ul>
    </div>
  );
};

export default Special;
